.demobox {width: 580px; height: 380px; padding: 0;position:relative;margin:0 auto;}
.touchslider .touchslider-viewport {width: 580px;overflow: hidden;height:380px;position: relative;}
.touchslider .touchslider-item {overflow: hidden;}
.touchslider .touchslider-item p {position: absolute;height: 40px;background:url(alpha.png) repeat;margin: 0;text-align:left;width: 100%;line-height: 36px; *line-height: 42px;
color: #FFF;font-size: 14px;bottom: 0px;overflow:hidden;}
.touchslider .touchslider-item p i { font-style:normal; text-indent:12px; display:block; padding-right:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.touchslider .touchslider-item img {width:580px;height: 380px;}
.touchslider .touchslider-nav a {cursor: pointer;}
.touchslider-nav {bottom:12px;right:0px;position:absolute;}
.touchslider .touchslider-nav-item {width: 14px;height: 14px;background:url(rollpicdot.png) 0 -16px no-repeat;margin-right:8px;
display: inline-block;float:left;}
.touchslider .touchslider-nav-item-current {background-position:0px 0px;}
 @media screen and (max-width:320px) {/* 4-5 */
.demobox {width: 320px;height: 210px;padding: 0;}
.touchslider .touchslider-viewport {width: 320px;overflow: hidden;position: relative;}
.touchslider .touchslider-item img {width: 320px;height: 210px;}
.touchslider .touchslider-nav a {zoom:70%;}
.touchslider .touchslider-item p i { text-indent:8px; padding-right:88px;  }}

@media screen and (min-width: 321px) and (max-width: 640px) {/* note Galaxy */
.demobox {width: 360px;height: 236px;padding: 0;}
.touchslider .touchslider-viewport {width: 360px;overflow: hidden;position: relative;}
.touchslider .touchslider-item img {width: 360px;height: 236px;}
.touchslider .touchslider-nav a {zoom:70%;}
.touchslider .touchslider-item p i { text-indent:8px; padding-right:88px;  }}

 @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {/* 6 */
.demobox {width: 375px;height: 244px;padding: 0;}
.touchslider .touchslider-viewport {width: 375px;overflow: hidden;height: 244px;position: relative;}
.touchslider .touchslider-item img {width: 375px;height: 244px;}
.touchslider .touchslider-nav a {zoom:70%;}
.touchslider .touchslider-item p i { text-indent:8px; padding-right:88px;  }}

 @media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {/* 6P */
.demobox {width: 414px;height: 271px;padding: 0;}
.touchslider .touchslider-viewport {width: 414px;height: 271px;overflow: hidden;position: relative;}
.touchslider .touchslider-item img {width: 414px;height: 271px;}
.touchslider .touchslider-nav a {zoom:70%;}
.touchslider .touchslider-item p i { text-indent:8px; padding-right:88px;  }}

@media (max-device-width:760px) and (orientation : landscape) {/* - */
.demobox {width: 380px;height: 240px;padding: 0;}
.touchslider .touchslider-viewport {width: 380px;height: 240px;overflow: hidden;position: relative;}
.touchslider .touchslider-item img {width: 380px;height: 240px;}
.touchslider .touchslider-nav a {zoom:70%;}}

/*index  rollbox*/
.rollBox {width:960px;overflow:hidden; position:relative; float:right; }
.rollBox .LeftBotton{height:47px;width:24px;background:#ff6000;overflow:hidden;cursor:pointer; position:absolute; left:0; top:35px; background:url(ibg15.png) 0px 0px no-repeat;}
.rollBox .RightBotton{height:47px;width:24px;background:#093;overflow:hidden;cursor:pointer; position:absolute; right:0; top:35px; background:url(ibg15.png) -24px 0px no-repeat;}
.rollBox .Cont{width:948px; height:98px; margin-top:15px; overflow:hidden; float:left; margin-left:5px; }
.rollBox .ScrCont{width:10000000px; }
.rollBox .Cont .pic{ float:left; text-align:center;}
.rollBox .Cont .pic img{ height:98px; display:block; margin:0 5px; }
.rollBox #List1,.rollBox #List2{float:left;}